import React, { CSSProperties } from 'react'

const ItemStyle: CSSProperties = {
    display: 'flex',
    flexFlow: 'row nowrap',
    alignItems: 'center',
    justifyContent: 'space-around',
    padding: '1vh 2vw'
}
interface IProps {
    item: any
}
const ClassItem = (props: IProps) => {
    return (
        <div style={ItemStyle}>
            <img src={props.item.moreImg} alt="二级分类图片" style={{
                width: '50%'
            }}/>
            <div style={{
                marginTop: '1vh',
                width: '50%',
                textAlign: 'center'
            }}>{props.item.moreName}</div>
        </div>
    )
}

export default ClassItem
